<script type="text/javascript">
	var url;
	$(function(){
		$('#dg').edatagrid({
			url: '/giaphong/json?id='+1
		});
        $('#Roomtype').bind('click', function(){  
        $('#dg').edatagrid({
			url: '/giaphong/json?id='+2,
		});
       $('#dg').datagrid('reload');		
        }); 
        $('#Room').bind('click', function(){  
        $('#dg').edatagrid({
			url: '/giaphong/json?id='+1
		}); 
        });		
	});
	function edit(){
		var row = $('#dg').datagrid('getSelected');
		if (row){
			var params = row.priceParams;
			eval('params = ' + params + ';');
			params.id = row.id;
			$('#dlg').dialog('open').dialog('setTitle','Sửa Giá Phòng');
			$('#fm').form('load',params);
			url = 'giaphong/update/id/'+ row.id;
		}else{
			$.messager.show({
				title:'Thông báo',
				msg:'Không có bản ghi nào được chọn!',
				timeout:5000,
				showType:'slide'
			});
		}
	}
	function save(){
		$('#fm').form('submit',{
			url: url,
			onSubmit: function(){
				return $(this).form('validate');
			},
			success: function(result){
				var result = eval('('+result+')');
				if (result.success){
					$('#dlg').dialog('close');		
					$('#dg').datagrid('reload');	
				} else {
				$('#dlg').dialog('close');
					$.messager.show({
						title: 'Bạn đã cập nhật thành công',
						msg: result.msg
					});
				}
			}
		});
	}
	
</script>

<table id="dg" title="Đơn vị tính" style="width: 100%;"
	toolbar="#toolbar" pagination="true" idField="id" rownumbers="true"
	fitColumns="false" singleSelect="true" nowrap="true"
	data-options="border:false,fit:true">
	<thead>
		<tr>
		   <th field="type" width="250" sortable="true" >Mã loại phòng</th>
			<th field="name" width="250" sortable="true" >Loại phòng</th>
				
		</tr>
	</thead>
</table>
<div id="toolbar" style="padding: 5px; height: auto;">
	<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit()">Sửa</a> 
</div>
<!-- End DataGrid -->

<!-- Begin Form -->
<div id="dlg" class="easyui-dialog" style="width: 800px; height: 500px; 
	background: #e7e7ef; padding: 10px;" closed="true" buttons="#dlg-buttons">
	<form id="fm" method="post" action = "">
	<input type="hidden" name="id" id="id" />
	<table border="0" width="100%" cellspacing="0" cellpadding="4" class="tblForm">
			  <tr>
				<td width="75">Giá 1h</td>
				<td width="72"><input  name="gio1" id="gio1" /></td>
				<td width="138">Giá 2h</td>
				<td width="130"><input  name="gio2" id="gio2" /></td>
				<td width="112">Giá 3h</td>
				<td width="183"><input  name="gio3" id="gio3" /></td>
			  </tr>
			  <tr>
				<td>Giá 4h</td>
				<td><input  name="gio4" id="gio4" /></td>
				<td>Giá 5h</td>
				<td><input  name="gio5" id="gio5" /></td>
				<td>Giá 6h</td>
				<td><input  name="gio6" id="gio6" /></td>
			  </tr>
			  <tr>
				<td>Giá 1 Ngày</td>
				<td><input  name="ngay1" id="ngay1" /></td>
				<td>Giá 2 Ngày</td>
				<td><input  name="ngay2" id="ngay2" /></td>
				<td>Giá 3 Ngày</td>
				<td><input  name="ngay3" id="ngay3" /></td>
			  </tr>
			  <tr>
				<td>Giá 4 Ngày</td>
				<td><input  name="ngay4" id="ngay4" /></td>
				<td>Giá 5 Ngày</td>
				<td><input  name="ngay5" id="ngay5" /></td>
				<td>Giá 6 Ngày</td>
				<td><input name="ngay6" id="ngay6" /></td>
			  </tr>
			  <tr>
				<td>Giá 1 Tuần</td>
				<td><input  name="tuan1" id="tuan1" /></td>
				<td>Giá 2 Tuần</td>
				<td><input  name="tuan2" id="tuan2" /></td>
				<td>Giá 3 Tuần</td>
				<td><input name="tuan3" id="tuan3" /></td>
			  </tr>
			  <tr>
				<td> Giá Tháng</td>
				<td><input id="thang" name="thang"  /></td>
				<td>Giá Năm</td>
				<td><input id = "nam" name="nam" data-options="required:true" /></td>
			  </tr>
	</table>
	</form>
</div>
<div id="dlg-buttons">
	<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="save(); $('#dlg').dialog('close');$('#dg').datagrid('reload');">Câp nhật</a> 
	<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Hủy bỏ</a>
</div>

